<div style="left: 350px; top: 250px;position: fixed;width: 1000px;" iotekMoveable>
  <div class="row">
    <div class="col-sm-6 pop-window">
      <div class="pop-header moveable-zone" moveable-zone>
        <p class="pop-title">{{title}}</p>
        <p class="pop-title2">类型为：网校管理员</p>
        <i class="glyphicon glyphicon-remove pop-remove" (click)="close()"></i>
      </div>
      <div class="pop-content">
        <form class="form-horizontal pop-form" role="form"  #myForm="ngForm">
          <div class="form-group">
            <div class="col-sm-4">
              <select class="form-control" [(ngModel)]="account.roleId" name="roleId" required>
                <option *ngFor="let list of rolesList" [value]="list.id" selected = "account.roleId == list.id">{{list.name}}</option>
              </select>
            </div>
            <div class="col-sm-4">
              <input type="text" class="form-control" placeholder="用户名" [(ngModel)]="account.name" name="name" required>
            </div>
            <div class="col-sm-4">
              <input type="number" class="form-control"  placeholder="手机号码"  [(ngModel)]="account.phone" name="phone" required>
            </div>
          </div>
          <div class="form-group"><div class="col-sm-12"><textarea class="form-control" placeholder="备注信息" [(ngModel)]="account.remark" name="remark" rows="3"></textarea></div></div>
        </form>
      </div>
      <div class="pop-footer">
        <button class="btn btn-primary" (click)="submit()"  [disabled]="!myForm.form.valid">确定</button>
        <button class="btn btn-default" (click)="close()">取消</button>
      </div>
    </div>
  </div>
</div>
